@charset "utf-8";

/*rem转换函数(默认设置为50/@rem*/
    @rem: 50rem;

/*基础全局样式*/
    html{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
    body{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 26/@rem;
        color:#000;
        overflow: hidden;
        background-color: #0a0a0a;
    }
    a{
        color:#000;
        font-size:16/@rem;
        &:hover{
            color:orange;
        }
    }
    img{
        vertical-align: top;
    }
    .f-fl{
        float:left;
    }
    .f-fr{
        float:right;
    }
    [v-cloak] { display: none }

/*内容区布局*/
	.g-box{
        width: 750/@rem;
        height: 13500/@rem;
        background:url(../images/bgt.jpg) no-repeat;
        background-size: contain;
        position: relative;
    }
    .g-bd{
       overflow: hidden;
       position: absolute;
       top:910/@rem;
       left:0;

       .m-chepin{
            width:750/@rem;
           li{
            width:680/@rem;
            padding: 10/@rem;
            overflow: hidden;
            margin:0 auto;
            margin-bottom: 30/@rem;
            background-color: #fff;
            border-radius: 10/@rem;
           }
           .img-box{
               float: left;
               position: relative;
                img{
                    display: block;
                    width: 340/@rem;
                    height: 340/@rem;
                }
                .trip{
                    position: absolute;
                    bottom:0;
                    left:0;
                    width: 100%;
                    line-height: 40/@rem;
                    text-align: center;
                    background-color: #000;
                    opacity: 0.8;
                    color:#fff;
                }

           }

           .cp-con{
               width:300/@rem;
               margin-left: 20/@rem;
           }
           h3{
               margin-top: 20/@rem;
               line-height: 60/@rem;
               text-align: left;
               font-size: 28/@rem;
           }
           p{
               line-height: 50/@rem;
               font-size: 26/@rem;
               span{
                   color:#f00;
                   font-weight: bold;
               }
           }
           .cp-price{
                font-size: 30/@rem;
                line-height: 80/@rem;
                color:#f00;
                font-weight: bold;
               span{
                   margin-left: 10/@rem;
               }
           }
           .cp-buy{
                margin-top: 20/@rem;
                display: block;
                width:300/@rem;
                height: 50/@rem;
                line-height: 50/@rem;
                border-radius: 10/@rem;
                font-size: 26/@rem;
                background-color: #f00;
                color:#fff;
                text-align: center;
                
           }
       }
    }